	// 固定文字大小  px
	.text-8px { font-size: 8px; }
	.text-9px { font-size: 9px; }
	.text-10px { font-size: 10px; }
	.text-11px { font-size: 11px; }
	.text-12px { font-size: 12px; }
	.text-13px { font-size: 13px; }
	.text-14px { font-size: 14px; }
	.text-15px { font-size: 15px; }
	.text-16px { font-size: 16px; }
	.text-18px { font-size: 18px; }
	.text-20px { font-size: 20px; }
	.text-22px { font-size: 22px; }
	.text-24px { font-size: 24px; }
	.text-26px { font-size: 26px; }
	.text-28px { font-size: 28px; }
	.text-30px { font-size: 30px; }
	.text-32px { font-size: 32px; }
	.text-34px { font-size: 34px; }
	.text-36px { font-size: 36px; }
	.text-38px { font-size: 38px; }
	.text-40px { font-size: 40px; }
	.text-60px { font-size: 60px; }
	
	// 字体大小 rpx
	.text-12rpx { font-size: 12rpx; }
	.text-20rpx { font-size: 20rpx; }
	.text-24rpx { font-size: 24rpx; }
	.text-40rpx { font-size: 40rpx; }
	.text-28rpx { font-size: 28rpx; }
	.text-32rpx { font-size: 32rpx; }
	
	// 文字颜色
	.text-cfff { color: #fff; }
	.text-c333 { color: #333; }
	.text-c222 { color: #222; }
	.text-c666 { color: #666; }
	.text-c999 { color: #999; }
	.text-c202020 { color: #202020; }
	.text-c878787 { color: #878787; }
	.text-c101010 { color: #101010; }
	.text-c1D1D1D { color: #1D1D1D; }
	.text-c818181 { color: #818181; }
	.text-c828282 { color: #828282; }
	.text-cbbb { color: #bbb; }
	.text-cF5F5F5 { color: #F5F5F5; }
	.text-c4C4C4C { color: #4C4C4C; }
	.text-cFF8E00 { color: #FF8E00; }
	.text-cC7A774 { color: #C7A774; }
	.text-c0D3685 { color: #0D3685; }
	.text-c40C6A1 { color: #40C6A1; }
	.text-c393939 { color: #393939; }
	.text-g00bd0d { color: #00bd0d; }
	.text-c6B6B6B { color: #6B6B6B; }
	.text-c5B5B5B { color: #5B5B5B; }
	.text-cB5B5B5 { color: #B5B5B5; }
	.text-c303133 { color: #303133; }
	.text-c909193 { color: #909193; }
	.text-c606266 { color: #606266; }
	.text-107{color: rgb(107, 107, 107);}
	.text-34{color: rgb(34, 34, 34)}
	.text-153{color: rgb(153, 153, 153)}
	.text-181{color: rgb(181, 181, 181)}
	
	// 透明黑色文字颜色
	.text-t06{color: rgba(0, 0, 0, 0.06);}
	.text-t3{color: rgba(0, 0, 0, 0.3);}
	.text-t37{color: rgba(0, 0, 0, 0.37);}
	.text-t57{color: rgba(0, 0, 0, 0.57);}
	.text-t63{color: rgba(0, 0, 0, 0.63);}
	.text-t67{color: rgba(0, 0, 0, 0.67);}
	.text-t87{color: rgba(0, 0, 0, 0.87);}
	
	// 透明白色文字颜色
	.text-tf62{color: rgba(255, 255, 255, 0.62);}
	
	// 背景颜色
	.bg-c333 { background-color: #333; }
	.bg-c666 { background-color: #666; }
	.bg-c999 { background-color: #999; }
	.bg-c202020 { background-color: #202020; }
	.bg-c878787 { background-color: #878787; }
	.bg-c818181 { background-color: #818181; }
	.bg-cbbb { background-color: #bbb; }
	.bg-cF5F5F5 { background-color: #F5F5F5; }
	.bg-c4C4C4C { background-color: #4C4C4C; }
	.bg-c635DF7 { background-color: #0A68ED; }
	.bg-cC1C1CE { background-color: #C1C1CE; }
	.bg-cFAE268 { background-color: #FAE268; }
	.bg-cfff { background-color: #fff; }
	.bg-c373938 { background-color: #373938; }
	.bg-cD3D3D3 { background-color: #D3D3D3; }
	.bg-c909193 { background-color: #909193; }
	.bg-cF6F7FB { background-color: #F6F7FB; }
	.bg-c2367D7 { background-color: #2367D7; }
	
	
	// 透明背景颜色
	.bg-t06 { background-color: rgba(0, 0, 0, 0.06); }
	.bg-t3 { background-color: rgba(0, 0, 0, 0.3); }
	.bg-t57 { background-color: rgba(0, 0, 0, 0.57); }
	.bg-t63 { background-color: rgba(0, 0, 0, 0.63); }
	.bg-t67 { background-color: rgba(0, 0, 0, 0.67); }
	.bg-t87 { background-color: rgba(0, 0, 0, 0.87); }
	
	
	// 隐藏   原来的占位不变
	.visibility-hidden{visibility: hidden;}
	
	// 圆角
	.brs-4 { border-radius: 4px; }
	.brs-6 { border-radius: 6px; }
	.brs-8 { border-radius: 8px; }
	.brs-10 { border-radius: 10px; }
	.brs-12 { border-radius: 12px; }
	.brs-14 { border-radius: 14px; }
	.brs-16 { border-radius: 16px; }
	.brs-20 { border-radius: 20px; }
	.brs-32 { border-radius: 32px; }
	
	// 文字对齐
	.text-justify{text-align: justify;}
	

	// 固定高度
	.h-24px { height: 24px; line-height: 24px }
	.h-28px { height: 28px; line-height: 28px }
	.h-34px { height: 34px; line-height: 34px }
	.h-38px { height: 38px; line-height: 38px }
	.h-40px { height: 40px; line-height: 40px }
	.h-42px { height: 42px; line-height: 42px }
	.h-44px { height: 44px; line-height: 44px }
	
	// 高度rpx
	.h-28rpx { height: 28rpx; line-height: 28rpx }
	.h-84rpx { height: 84rpx; line-height: 84rpx }
	
	// 宽度百分比
	.w-10 { width: 10%; }
	.w-15 { width: 15%; }
	.w-20 { width: 20%; }
	.w-25 { width: 25%; }
	.w-30 { width: 30%; }
	.w-35 { width: 35%; }
	.w-40 { width: 40%; }
	.w-45 { width: 45%; }
	.w-50 { width: 50%; }
	.w-55 { width: 55%; }
	.w-60 { width: 60%; }
	.w-65 { width: 65%; }
	.w-70 { width: 70%; }
	.w-75 { width: 75%; }
	.w-80 { width: 80%; }
	.w-85 { width: 85%; }
	.w-90 { width: 90%; }
	.w-95 { width: 95%; }
	.w-100 { width: 100%; }
	
	.h-100 {
	  height: 100% !important;
	}
	
	// 图片固定宽高px
	.img-10px { width: 10px; height: 10px; vertical-align: middle; }
	.img-12px { width: 12px; height: 12px; vertical-align: middle; }
	.img-14px { width: 14px; height: 14px; vertical-align: middle; }
	.img-16px { width: 16px; height: 16px; vertical-align: middle; }
	.img-20px { width: 20px; height: 20px; vertical-align: middle; }
	.img-24px { width: 24px; height: 24px; vertical-align: middle; }
	.img-25px { width: 25px; height: 25px; vertical-align: middle; }
	.img-30px { width: 30px; height: 30px; vertical-align: middle; }
	.img-36px { width: 36px; height: 36px; vertical-align: middle; }
	.img-40px { width: 40px; height: 40px; vertical-align: middle; }
	.img-50px { width: 50px; height: 50px; vertical-align: middle; }
	.img-60px { width: 60px; height: 60px; vertical-align: middle; }
	.img-70px { width: 70px; height: 70px; vertical-align: middle; }
	.img-80px { width: 80px; height: 80px; vertical-align: middle; }
	.img-100px { width: 100px; height: 100px; vertical-align: middle; }
	.img-114px { width: 114px; height: 114px; vertical-align: middle; }
	.img-120px { width: 120px; height: 120px; vertical-align: middle; }
	.img-124px { width: 124px; height: 124px; vertical-align: middle; }
			
	// 图片宽高rpx
	.img-32rpx { width: 32rpx; height: 32rpx; vertical-align: middle; }
	.img-44rpx { width: 44rpx; height: 44rpx; vertical-align: middle; }
	.img-48rpx { width: 48rpx; height: 48rpx; vertical-align: middle; }
	.img-64rpx { width: 64rpx; height: 64rpx; vertical-align: middle; }
	.img-80rpx { width: 80rpx; height: 80rpx; vertical-align: middle; }
	.img-198rpx { width: 198rpx; height: 198rpx; vertical-align: middle; }
	
	// flex布局宽度
	.dw-20 { flex: 0 0 20%; }
	.dw-25 { flex: 0 0 25%; }
	.dw-30 { flex: 0 0 30%; }
	
	.text-center{
		text-align: center;
	}
	.over-hidden{
		overflow: hidden;
	}
	

	
	.img-gray {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
	}
	uni-toast{
		z-index: 2000;
	}
	
	.px-12{
		padding-left: 24rpx;
		padding-right: 24rpx;
	}
	.py-11{
		padding-top:22rpx;
		padding-bottom: 22rpx;
	}
	.w-33{
		width: 33.33%;
	}
	.brs-16rpx{
		border-radius: 16rpx;
	}
	.text-theme{
		color: #40C6A1;
	}
	.bg-theme{
		background: #40C6A1;
	}
	.pt-24{
		padding-top: 48rpx;
	}
	.pb-24{
		padding-bottom: 48rpx;
	}
	
	.text-cut{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.text-line3{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.gotop {
		position: fixed;
		/* #ifndef MP-WEIXIN */
		bottom: 100rpx;
		/* #endif */
		/* #ifdef MP-WEIXIN */
		bottom: 150rpx;
		/* #endif */
		right: 24rpx;
		z-index: 666;
	}
